<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <title>Document</title>
    <!-- 内部样式表 -->
    <style>
         /* <!-- 标签选择器 --> */
        h1{
            color :bisque
        }
        /* <!-- 类选择器 --> */
        .eat {
            color : greenyellow
        }
        /* id选择器 */
        #line {
            color : yellow
        }
        /* 后代选择器 */
        ul li {
            color: brown;
            size: 2cm;
        }
        ul a {
            color : red
        }
        /* 子选择器 */
        ul>li {
            color: blueviolet;
        }
        /* 并集选择器 */
        ol, #line2{
            color : aquamarine
        }
    </style>
    <!-- 外部样式 -->
    <link rel="stylesheet" href="test1.css">
    
</head>
<body>
    <h1 class = "title">hhhhhhh</h1>
    <!-- 行内样式 -->
    <h2 style="color: aquamarine;">emmmmmmm</h2>
    <h3 class = "11">wooooooo</h3>
   
    <h1 style="color: blue;">wwwwww</h1>
    <h1 class="eat">吃饭</h1>
    <p id = "line">段落</p>
    <ul>
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
        <li>
            <a href="#">点击</a>
        </li>
    </ul>
    <ol>
        <li>ccc</li>
        <li>bbb</li>
        <li>aaa</li>
    </ol>
    <P id="line2">段落2</P>
</body>
</html>